Sintaxa limbajului HTML


Revenire in pagina principala

Sintaxa limbajului HTML


    Pentru a putea fi transmise prin INTERNET documentele trebuie sa fie realizate sau convertite in fisiere de tip HTML. Fisierele de tip HTML pot fi transmise prin INTERNET de "Serverele HTML".
     La destinatie browserele convertesc fisierele HTML si le afiseaza sub forma documentului initial.
    HTML (acronim de la HyperText Markup Language) este un limbaj de descriere a documentelor. Specificatiile acestui limbaj definesc o serie de TAG-uri( marcatori) si regulile de utilizare a acestora pentru a putea descrie documentele.

Formatul general al unei instructiuni HTML

<Nume Tag> Text de afisat </Nume Tag>


Formatul general al unui fisier HTML


    Un fisier HTML este structurat pe doua parti:
  • antet (head)
  • continut (body)
<HTML>
<HEAD>
<TITLE>Titlul documentului</TITLE>
</HEAD>
<BODY>
...
Instructiuni HTML
...
</BODY>
</HTML>

Marcatori referitori la texte

Rand nou (CR)

Marcatorul
<BR>

Linie orizontala

Marcatorul
<HR>


Inserarea textelor in pagina WEB

Texte de diferite marimi
Marcatorul <H>

Pentru text de marime H4 :

Text de marime H4

<H4> Text de marime H4 </H4>

Text Inclinat
Marcatorul <I>

Pentru text inclinat :
Text inclinat

<I> Text inclinat </I>

Text centrat
Marcatorul <Center>

Pentru text centrat:
Text centrat

<Center> Text centrat </Center>

Utlilizarea listelor

Marcatorul <OL>

Pentru liste numerotate
<OL>
   <LI> Text linia 1 </LI>
   <LI> Text linia 2 </LI>
   <LI> Text linia 3 </LI>
     .
     .
     .
   <LI> Text linia n </LI>
</OL>

Marcatorul <UL>

Pentru liste nenumerotate
<UL>
   <LI> Text linia 1 </LI>
   <LI> Text linia 2 </LI>
   <LI> Text linia 3 </LI>
     .
     .
     .
   <LI> Text linia n </LI>
</UL>

Marcatorul <DL>

Pentru liste de definitii
<DL>
   <DT> Termen 1 de definit </DT>
      <DD> Def. termen 1 </DD>
   <DT> Termen 2 de definit </DT>
      <DD> Def. termen 2 </DD>
     .
     .
     .
   <DT> Termen n de definit </DT>
      <DD> Def. termen n </DD>
</DL>

Legaturi cu alte documente

<A HREF="Document"> Text activ</A>

Legaturi locale

<A HREF="Document.html"> Text activ</A> <A HREF="dir/subdir/Document.html"> Text activ</A>
<A HREF="../Document.html"> Text activ</A> <A HREF="../../Document.html"> Text activ</A>

Legaturi interne


<A HREF="Cuvant cheie"> Text activ</A>
<A HREF="Document.html#cuvant_cheie"> Text activ</A>

Legaturi indepartate


<A HREF="http://www.adresa"> Text activ</A>

Inserarea imaginilor


Afisarea imaginii la dimensiunile cu care a fost creata imaginea
<IMG SRC="Nume_imagine.extensie">

Afisarea imaginii la dimensiuni impuse Ex: 150 X 125 pixeli
<IMG SRC="Nume_imagine.extensie" width=150 , height=125 >

Afisarea imaginii la dimensiuni impuse in procente fata de dimensiunile ferestrei in care se afiseaza imaginea.
Exemplu 50 % x 25 %
<IMG SRC="Nume_imagine.extensie" width=50% , height=25% >

Afisarea imaginii cu chenar
<IMG SRC="Nume_imagine.extensie" width=150 , height=125 , border=1>

Afisarea imaginii aliniata (Top, Middle, Bottom)
<IMG SRC="Nume_imagine.extensie" width=150 , height=125 , ALIGN=TOP >

Inserarea tabelelor in pagini WEB

Marcatorul <Table>

Tabel cu n linii si n coloane

<Table>
   <TR>
      <TD> Celula 11 </TD>
      <TD> Celula 12 </TD>
      .
      .
      .
      <TD> Celula 1N </TD>
   </TR>
   <TR>
      <TD> Celula 21 </TD>
      <TD> Celula 22 </TD>
      .
      .
      .
      <TD> Celula 2N </TD>
   </TR>
   .
   .
   .
   <TR>
      <TD> Celula N1 </TD>
      <TD> Celula N2 </TD>
      .
      .
      .
   </TR>
</Table>

Exemplu tabel cu 3 coloane si 3 randuri

<Table>
   <TR>
      <TD> Celula 11 </TD>
      <TD> Celula 12 </TD>
      <TD> Celula 13 </TD>
   </TR>
   <TR>
      <TD> Celula 21 </TD>
      <TD> Celula 22 </TD>
      <TD> Celula 23 </TD>
   </TR>
   <TR>
      <TD> Celula 31 </TD>
      <TD> Celula 32 </TD>
      <TD> Celula 33 </TD>
   </TR>
</Table>

Exemplu tabel cu 3 coloane si 4 randuri

<Table>
   <TR>
      <TD> Celula 11 </TD>
      <TD> Celula 12 </TD>
      <TD> Celula 13 </TD>
   </TR>
   <TR>
      <TD> Celula 21 </TD>
      <TD> Celula 22 </TD>
      <TD> Celula 23 </TD>
   </TR>
   <TR>
      <TD> Celula 31 </TD>
      <TD> Celula 32 </TD>
      <TD> Celula 33 </TD>
   </TR>
   <TR>
      <TD> Celula 41 </TD>
      <TD> Celula 42 </TD>
      <TD> Celula 43 </TD>
   </TR>
</Table>

Revenire in pagina principala